<template>
  <Layout>
    <router-view />
  </Layout>
</template>

<script setup lang="ts">
import Layout from '@renderer/components/Layout.vue'
</script>

<style>
/* 左右切换 */
.switch-enter-active,
.switch-leave-active {
  transition: all 0.3s ease;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.switch-enter,
.switch-leave-to {
  transform: translateX(100%); /* 从右到左 */
}
.switch-leave,
.switch-enter-to {
  transform: translateX(-100%); /* 从左到右 */
}
</style>
